


.kjh_container{
    width: 100%;
    /*640 和设计稿的大小有关系 */
    /*psd图   640px大小的设计稿  750px大小的设计稿*/
    /*
        640px宽度是早期标准      标准参考设备  Iphone4  完美显示
        750px宽度是现在主流标准   标准参考设备  Iphone6  完美显示
    */
    
    margin: 0 0;

}

.kjh_search{
    /*基准是浏览器的宽度*/
    
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 999;
}


.kjh_search .kjh_search_box{
    width: 100%;
    height: 40px;
    max-width: 500px;
    min-width: 320px;
    margin: 0 auto;
    background: rgba(216,80,92,0);
    position: relative;
}
.kjh_search .kjh_search_box a{
    position: absolute;
    top: 0;
}
.kjh_search .kjh_search_box .icon_logo{
    width: 60px;
    height: 36px;
    top: 4px;
    left: 5px;
    background-position: 0 -103px;
}
.kjh_search .kjh_search_box .login{
    width: 50px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    right: 0;
}

.login1{
	width: 50px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    left: 0;
}


.kjh_search .kjh_search_box form{
    width: 100%;
    padding-left: 70px;
    padding-right: 50px;
}
/*百分比是基于父元素的内容宽度和高度*/
.kjh_search .kjh_search_box form input{
    width: 70%;
    height: 30px;
    border-radius: 15px;
    margin-top: 5px;
    padding-left: 30px;
}
.kjh_search .kjh_search_box form .icon_search{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 75px;
    top: 10px;
    background-position: -60px -109px;
}

	#kjh_search_sign{
		background:lightgoldenrodyellow;
		height:40px;
		width:200px;
	}
.lxl{
	 position: absolute;
	top:300px;
	left:50%;
	margin-left:-170px;
}





.true{
	font-size:18px;
	color:red;
	font-style:italic;
}


#true{
	 
    background-image: -webkit-linear-gradient(left,blue,#66ffff 10%,#cc00ff 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#CC00CC 70%,#CC00FF 80%,#66FFFF 90%,blue 100%);
    -webkit-text-fill-color: transparent;/* 将字体设置成透明色 */
    -webkit-background-clip: text;/* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%; 
    -webkit-animation: masked-animation 2s linear infinite;
    font-size: 18px;
	font-style:normal;
}

#div0,#div1,#div2{
		height:10px
}

#section1{
  border:5px red solid;
  width:700px;
   background:#ff7575;
    background-size:100% 100%;
  }
  
  #section2{
  border:5px red solid;
  width:700px;
  height:280px;
  background:skyblue;
  overflow:auto;
  }
  
   #section3{
  border:5px yellow solid;
  width:700px;
  background:#5c5cad;
  }  
  
   #section3p{
  
  width:700px;
  background:#FFFFFF;
  height:100px;
  overflow:auto;
  }  
  
  
  #section4{
  border:5px yellow solid;
  width:700px;
  background:#ffff73;
  }
 
  
  
  
	
  .submit{
	width: 85px;
	height: 30px;
	background:#0099FF;
	color: blue;
	border-radius: 20px;
  }
  
  
  
  x-sign {
  --interval: 1s;
  display: block;
  text-shadow: 
    0 0 10px var(--color1),
    0 0 20px var(--color2),
    0 0 40px var(--color3),
    0 0 80px var(--color4);
  will-change: filter, color;
  filter: saturate(60%);
  animation: flicker steps(100) var(--interval) 1s infinite;
}
  
  x-sign:nth-of-type(1) {
  color: lightyellow;
  --color1: yellow;
  --color2: gold;
  --color3: orange;
  --color4: darkred;
  font-family: Sriracha;
}
h2{
color:lime;
}
  
h3{
color:gold;
}

#section1{
  border:5px red solid;
  width:700px;
   background:#ff7575;
    background-size:100% 100%;
	border-radius: 20px;
  }
  
  #section2{
  border:5px red solid;
  width:700px;
  height:280px;
  background:skyblue;
  overflow:auto;
  border-radius: 20px;
  }
  
   #section3{
  border:5px yellow solid;
  width:700px;
  background:#5c5cad;
  }  
  
   #section3p{
  
  width:700px;
  background:#FFFFFF;
  height:100px;
  overflow:auto;
  }  
  
  
  #section4{
   border:5px red solid;
  width:700px;
  background:#ffff73;
  border-radius: 20px;
  }
 
  
  
  
	
  .submit{
	width: 85px;
	height: 30px;
	background:#0099FF;
	color: blue;
	border-radius: 20px;
  }
  
  
  
  x-sign {
  --interval: 1s;
  display: block;
  text-shadow: 
    0 0 10px var(--color1),
    0 0 20px var(--color2),
    0 0 40px var(--color3),
    0 0 80px var(--color4);
  will-change: filter, color;
  filter: saturate(60%);
  animation: flicker steps(100) var(--interval) 1s infinite;
}
  
  x-sign:nth-of-type(1) {
  color: lightyellow;
  --color1: yellow;
  --color2: gold;
  --color3: orange;
  --color4: darkred;
  font-family: Sriracha;
}
h2{
color:lime;
}
  
h3{
color:gold;
}
#head {
            height: 180px;
            width: 100%;
            background-color: #66CCCC;
            text-align: center;
            position: relative;
			
           
        }
		
		.title {
            font-family: "宋体";
            color: #FFFFFF;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */
            font-size: 36px;
            height: 40px;
            width: 30%;
        }
